/* components/v-tab/v-tab.wxss */
.tabs-container {
  width: 100%;
}

.scroll-view {
  white-space: nowrap;
  height: 80rpx;
}

.tabs {
  display: flex;
  height: 100%;
  padding: 0 40rpx;
}

.tab-item {
  position: relative;
  height: 100%;
  font-size: 32rpx;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #adb5bd;
  transition: all 0.3s;
  white-space: nowrap;
}

.tab-item.active {
  color: #343a40;
}

.tab-item.active::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 4rpx;
  border-radius: 2rpx;
  background: #058AFF;
}

